<template>
  <div class="circle-item" :style="{color: color}"></div>
</template>

<script>
export default {
  props: {
    color: {
      type: String,
      default: "#308AE7"
    }
  }
};
</script>

<style lang="scss" scoped>
.circle-item {
  width: 6px;
  height: 6px;
  border-radius: 5px;
  border: 2px solid;
  margin-right: 6px;
}
</style>
